<template>
	<view class="page-flashSale page">
		<view class="b-header">
			<pageHeader title="秒杀" :showBack="from=='index'"></pageHeader>
			<tab :datas="tab" @tabClick="tabClick"></tab>
		</view>
		<view class="b-content hasFooter">
			<view class="pr">
				<image src="../../static/imgs/bg-skill.png" mode="" class="bg-skill"></image>
				<view class="c-fff text-tip pos-c tac">
					<view class="fz46 fw-b mb-10">本场秒杀</view>
					<view class="df-ac fz22">
						<view class="fz24 mr-10">限时快抢</view>
						<view class="time-tag">01</view>:
						<view class="time-tag">01</view>:
						<view class="time-tag">01</view>:
						<view class="time-tag">01</view>
					</view>
				</view>
			</view>
			<view class="p-l-30 p-r-30 p-t-20">
				<flashSaleItem v-for="item in 10" :key="item"></flashSaleItem>
			</view>
			
		</view>
		<pageFooter v-if="!from"></pageFooter>
	</view>
</template>

<script>
	import tab from '../../components/tab.vue'
	import flashSaleItem from '../../components/flashSaleItem.vue'
	export default {
		components: {
			tab,
			flashSaleItem
		},
		data() {
			return {
				tab:[
					{id:1,name:'本场秒杀'},
					{id:2,name:'即将开始'},
				],
				from:''
			}
		},
		onLoad(op) {
			this.from = op.from
		},
		methods: {
			tabClick(data) {
				
			}
		}
	}
</script>

<style lang="scss">
.page-flashSale {
	.bg-skill {
		width: 100%;
		height: 180rpx;
	}
	.text-tip {
		position: absolute;
	}
	.time-tag {
		font-size: 22rpx;
		padding: 0 4rpx;
		background-color: rgba(0,0,0,.4);
	}
}
</style>
